<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>滴答办公系统-登录</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <!-- load css -->
    <link rel="stylesheet" type="text/css" href="/media/layui/css/layui.css"
          media="all">
    <link rel="stylesheet" type="text/css" href="/media/css/login.css"
          media="all">
    <link rel="stylesheet" type="text/css" href="/media/css/verify.css">
    <link type="text/css" rel="stylesheet" href="/media/toastr/toastr.min.css">



</head>
<body class="layui-bg-black">
<div class="layui-canvs"></div>
<div class="layui-layout layui-layout-login">
    <form method="post">
        <h1>
            <strong>滴答办公系统登录</strong> <em>Tick-tock Office System</em>
        </h1>
        <div class="layui-user-icon larry-login">
            <input type="text" placeholder="账号" id="empno" class="login_txtbx" name="no"
            />
        </div>
        <div class="layui-pwd-icon larry-login">
            <input type="password" placeholder="密码" name="pass" id="emppass" class="login_txtbx" />
        </div>
        <input type="hidden" name="ip" id="ip1"> <input type="hidden"
                                                        name="city" id="cy1">
        <div class="feri-code">
            <div id="mpanel4"></div>
        </div>
        <div class="layui-submit larry-login">
            <input type="button" id="btn1" disabled="disabled" value="立即登陆"
                   class="submit_btn" />
        </div>
    </form>
    <div class="layui-login-text">
        <p>© 2016-2018 北京滴答科技有限公司 Feri 版权所有</p>
    </div>
</div>
<script type="text/javascript" src="/media/js/jquery.min.js"></script>
<script type="text/javascript" src="/media/toastr/toastr.min.js"></script>
<script type="text/javascript" src="/media/js/login.js"></script>
<script type="application/javascript" src="/media/js/verify.min.js"></script>
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<!--使用了JQuery，需要导入JS-->
<script src="${pageContext.request.contextPath}/js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function() {

        var ip = returnCitySN["cip"];
        var location = "";
        // $('#logincity').val(returnCitySN["cname"]);
        $.ajax({
            url: 'http://api.map.baidu.com/location/ip?ak=ia6HfFL660Bvh43exmH9LrI6',
            type: 'POST',
            dataType: 'jsonp',
            success:function(data) {
                //获取城市
                location = data.content.address_detail.province + "," + data.content.address_detail.city;
            }
        });


        //滑动验证码
        $('#mpanel4').pointsVerify({
            defaultNum : 6, //默认的文字数量
            checkNum : 1, //校对的文字数量
            vSpace : 5, //间隔
            imgName : [ '1.jpg', '2.jpg' ],
            imgSize : {
                width : '400px',
                height : '200px',
            },
            barSize : {
                width : '400px',
                height : '40px',
            },
            ready : function() {
            },
            success : function() {
                //......后续操作
                $("#btn1").attr("disabled", false);
            },
            error : function() {
            }
        });

        $("#btn1").click(function () {
            var no = $("#empno").val();
            var pass = $("#emppass").val();
            $.ajax({
                url:"/EmpLogin",
                data:{no:no,pass:pass,ip:ip,location:location},
                datatype:"json",
                success:function (data) {
                    var d = JSON.parse(data)
                    if(d.code == 100){
                        toastr.success(d.message);
                        setTimeout(function(){
                            window.location.href="/index.html";
                        },1000)
                    }else{
                        toastr.error(d.message);
                    }
                }
            })
        })
    });
</script>
</body>
</html>